<%--
  Created by IntelliJ IDEA.
  User: Yy
  Date: 2022/5/11
  Time: 15:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
    <script>
        layui.use(['table','util','jquery','layer','form'],function () {
            var table = layui.table, util = layui.util, $ = layui.jquery,
                layer = layui.layer, form = layui.form;
            //监听表单模糊查询
            form.on('submit(search-btn)',function (d) {
                var classId=$("#classId").val();
                var className=$("#className").val();
                table.reload('titleStu',{//指定条件重载table
                    page:{page:1},
                    where:{     //条件
                        classId:classId,
                        className:className,
                    },
                });
            });

            //表单判断
            form.verify({
                num_zz:[
                    /(^$)|^\d+$/,
                    '只能填写数字'
                ],
            });

            //监听显示全部按钮
            $("#list-btn").click(function () {
                location.reload('demo');
            });

            //监听添加按钮
            $("#add-btn").click(function () {
                layer.open({
                    type:2,//设置为iframe
                    fix:false,//不固定
                    maxmin:true,//出现最大化最小化按钮
                    offset:'5px',//垂直水平位置
                    shade:0.4,//遮罩层透明度
                    area:['500px','700px'],//弹出层宽高
                    title:"新增班级",//弹出层标题
                    content:'${pageContext.request.contextPath}/stu/toaddclass'//弹出层内网页
                });
            });

            //监听工具栏按钮
            table.on('tool(demo)',function (res) {
                var row=res.data; //获取当前行的数据
                var event=res.event;//获取点的是哪个按钮
                var classId=row.classId;//获取行中的id列
                if (event=='del'){//删除用户
                    layer.confirm("是否删除该班级？",{
                        btn:['确定','取消']
                    },function() {
                        $.post("${pageContext.request.contextPath}/stu/delclass",{classId:classId},function (data) {
                            layer.msg(data.msg);//使用消息层 显示删除的结果
                            table.reload('titleStu',{
                                url:"${pageContext.request.contextPath}/stu/classlist"
                            });
                        },"json");
                    });
                };
                if(event=='edit'){
                    layer.open({
                        type:2,//设置为iframe
                        fix:false,//不固定
                        maxmin:true,//出现最大化最小化按钮
                        offset:'10px',//垂直水平位置
                        shadeClose:true,
                        shade:0.4,//遮罩层透明度
                        area:['500px','700px'],//弹出层宽高
                        title:"修改班级",//弹出层标题
                        content:'${pageContext.request.contextPath}/stu/toupdclass/'+classId//弹出层内网页
                    });
                };
                if(event=='look'){
                    layer.open({
                        type:2,//设置为iframe
                        fix:false,//不固定
                        maxmin:true,//出现最大化最小化按钮
                        offset:'10px',//垂直水平位置
                        shadeClose:true,
                        shade:0.4,//遮罩层透明度
                        area:['500px','700px'],//弹出层宽高
                        title:"查看学生",//弹出层标题
                        content:'${pageContext.request.contextPath}/stu/tolookstu/'+classId//弹出层内网页
                    });
                };
            });
        });
    </script>
</head>
<body>

<%--    <h1 style="text-align: center">班级信息</h1>--%>
    <div>
        <form class="layui-form">
<%--            <div class="layui-inline">班主任:</div>--%>
<%--            <div class="layui-inline">--%>
<%--                <input type="text" name="empName1" id="empName1" class="layui-input" />--%>
<%--            </div>--%>
            <div class="layui-inline">班级名字:</div>
            <div class="layui-inline">
                <input type="text" name="className" id="className" class="layui-input"/>
            </div>
            <a class="layui-btn" lay-filter="search-btn" lay-submit="" lay-size="sm">搜索</a>
            <a class="layui-btn" id="add-btn" lay-size="sm">添加班级</a>
            <a class="layui-btn" id="list-btn" lay-filter="list-btn" lay-size="sm">显示全部</a>
        </form>
    </div>
    <table class="layui-table" id="titleStu" lay-filter="demo" lay-size="sm"
           lay-data="{url:'${pageContext.request.contextPath}/stu/classlist',page:true,id:'titleStu'}"
    >
        <thead>
        <tr>
            <th lay-data="{field:'classId',sort:true}">班级编号</th>
<%--            <th lay-data="{field:'classno',sort:true}">班级编号</th>--%>
            <th lay-data="{field:'className',sort:true}">班级名称</th>
<%--            <th lay-data="{field:'count',sort:true}">班级人数</th>--%>
            <th lay-data="{field:'empName',sort:true}">授课老师</th>
            <th lay-data="{field:'empName1',sort:true}">班主任</th>
            <th lay-data="{field:'classTypeName',sort:true}">班级类别</th>
<%--            <th lay-data="{field:'remark',sort:true}">备注</th>--%>
            <th lay-data="{field:'level',sort:true}">届别</th>
            <th lay-data="{field:'deptName',sort:true}">系别</th>
            <th lay-data="{field:'majorName',sort:true}">专业</th>
            <th lay-data="{toolbar:'#tools',align:'center',fixed:'right',width:200}">操作</th>
        </tr>
        </thead>
    </table>
    <script type="text/html" id="tools">
        <a class="layui-btn layui-btn-xs" lay-event="look">查看学生</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
    </script>
</body>
</html>
